<%@page language="java" pageEncoding="utf-8"%>

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>230班家长会签到</title>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>签到 <span>默认学生姓名123，密码123</span></h1>
		</header>
		<div id="wrapper" class="login-page">
			<div id="login_form" class="form">
				<form class="login-form" action="sign.jsp" method = "post" >
					<input type="text" placeholder="学生姓名" id="r_student" name="student"/>
					<input type="text" placeholder="家长姓名" id="r_parent" name="parent"/>
					<input type="password" placeholder="密码" id="r_pwd" name="pwd"/>
					<input type="text" placeholder="QQ号(可填空)" id="r_qq" name="qq"/>
					<button type="submit" value="create" id="create" onclick="chkads()">签 到</button>
					<p class="message">已经签到了? <a href="#">立刻登录</a></p>
				</form>
			
				<form class="register-form" action="login.jsp" method = "post" >
					<input type="text" placeholder="学生姓名" id="student" name="student"/>
					<input type="password" placeholder="密码" id="pwd" name="pwd"/>
					<button type="submit" value="login" id="login">登　录</button>
					<p class="message">还没有签到? <a href="#">立刻签到</a></p>
				</form>
			</div>
		</div>
	</div>
	
	<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
	<script type="text/javascript">
function chkads(){
	if ($('#r_parent').val()==""){
		alert("家长姓名不能为空.");
		return false;
	}
	if ($('#r_pwd').val()==""){
		alert("密码不能为空.");
		return false;
	}
}
	$(function(){
		$('.message a').click(function () {
		    $('form').animate({
				height: 'toggle',
		        opacity: 'toggle'
		    }, 'slow');
		});
	})
	</script>
</body>
</html>